
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>search list</title>
	<style>
        span {{
            height: 20px;
            display: inline-block;
            font-size: 1.3em;
            margin: 0.5em;
        }}
    </style>
	<script>
        // alt:18 key code
        // ctrl:17
        window.onkeyup = function(e) {{
            // console.log("up:"+e.keyCode+":"+e.key);
            var page_no={page_no};
            var p_url = "&page_size={page_size}&name={query_str}{url_params}";

            if (e.keyCode == 39) {{
                // arrow right, next page
                window.location.href = "?page=" + (page_no+1) +  p_url;
            }} else if (e.keyCode == 37) {{
                // arrow left, pre page
                window.location.href = "?page=" + (page_no-1) +  p_url;
            }}
        }}
    </script>
</head>
<body>
<form action="./#sss">
	<pre>
	query_str 格式:
		&and_word  &@and_word
		|or_word  |@or_word
		!no_word  !@no_word
	中间使用空格分割, 当添加@字符时全字匹配
	</pre>
	<br id="sss"/>
    <input type="text" name="name" value="{query_str}" style="display: inline-block; width: 80%;">
    <br />
    <input type="checkbox" name="word" value="" {word_checked} /> query by full word
	<input type="checkbox" name="sort" value="" {sort_checked} /> sort
	<input type="checkbox" name="uniq" value="" {uniq_checked} /> uniq
	<input type="hidden" name="page" value="1" />
    <input type="hidden" name="page_size" value="{page_size}" />
</form>
<hr />
<div>
    <!-- page str -->
    <span>total: {total_count}</span>
    <span><a href="?page=1&page_size={page_size}&name={query_str}{url_params}">&lt;&lt;</a></span>
    {pages}
    <span><a href="?page={last_page}&page_size={page_size}&name={query_str}{url_params}">&gt;&gt;</a></span>
</div>
<table>
    <tr><th>pp</th><th>ext</th><th>file_name</th><th>size</th></tr>
	<!-- <tr>
        <td><a href="..">..</a></td>
        <td>{{ext}}</td>
        <td>{{name}}</td>
        <td>{{size}}</td>
    </tr> -->
	{rows}
</table>
<div>
    <!-- page str -->
    <span>total: {total_count}</span>
    <span><a href="?page=1&page_size={page_size}&name={query_str}{url_params}">&lt;&lt;</a></span>
    {pages}
    <span><a href="?page={last_page}&page_size={page_size}&name={query_str}{url_params}">&gt;&gt;</a></span>
</div>
</body>
</html>